<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>

	<body>
		<div>
			<p>Animation</p>
		</div>
	</body>
	
	<style type="text/css">
		p {
			width: 200px;
			height: 50px;
			line-height: 50px;
			font-size: larger;
			font-weight: 700;
			text-align: center;
			animation: go 2s linear;
			animation-fill-mode: forwards;
		}

		@keyframes go {
			from {
				filter: blur(5px);
				letter-spacing: -0.5rem;
			}

			to {
				letter-spacing: 0rem;
			}
		}
	</style>
</html>
